<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片与文字环绕</title>
		<style>
			/* 图片添加浮动，段落不加浮动 */
			img{
				width: 200px;
				height: 200px;
				float: left;
			}
		</style>
	</head>
	<body>
		<img src="img/蜡笔小新.png" alt="小新" />
		<p>
			Lorem ipsum dolor sit amet consectetur, adipisicing elit. Alias vel minus totam corporis minima nesciunt harum in nam repudiandae. Dolorem alias quia quos aspernatur blanditiis iure dolores quisquam beatae odio.Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis sed ad quaerat enim debitis perferendis maiores dolorum non unde rem provident modi tempore, omnis, dicta quas! Consequatur, at? Itaque, Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus, a laborum! Omnis dolorem ad delectus quasi recusandae id architecto at nam laudantium aspernatur? Delectus voluptatibus sint voluptas, quae recusandae perspiciatis?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Neque, aut praesentium. Quisquam, voluptas modi. Consequuntur temporibus ipsa, voluptatem, quaerat modi totam ipsam neque maxime tempore vero autem deserunt minus Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum magni autem, reiciendis odio temporibus in odit reprehenderit ipsa unde veritatis ea dolorem vitae officiis quod rem suscipit delectus culpa voluptas!
		</p>
	</body>
</html>